#site_header {
	position: fixed;
	z-index: 1000;
}
a {
	text-decoration: none;
}
.side_nav {
	&:before {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		width: 1px;
		height: 32px;
		background-color: #ccc;
	}
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	z-index: 1000;
	width: 110px;
	background: none;
	cursor: pointer;
	.side_text {
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		z-index: 999;
		font-size: 11px;
		line-height: 14px;
		color: #333;
		opacity: 0.5;
		.txt {
			width: 10px;
			line-height: 20px;
		}
	}
	.side_logo {
		position: absolute;
		width: 100%;
		bottom: 50px;
		left: 0;
		z-index: 999;
		img {
			width: 50%;
			opacity: 0.2;
		}
	}
	.m-sideNav__btClose {
		position: absolute;
		overflow: hidden;
		background: url(../static/menu/close.svg) no-repeat center;
		-moz-background-size: contain;
		background-size: contain;
		text-indent: -9999px;
		top: 36px;
		left: 36px;
		width: 39px;
		height: 38px;
	}
	.m-sideNav__menu {
		position: absolute;
		top: 36px;
		right: 36px;
		left: 36px;
		.m-sideNav__menuLine {
			border-bottom-color: rgba(255, 255, 255, 0.4);
			background-color: #fff;
			height: 1px;
			margin-bottom: 14px;
			border-bottom: 1px solid #fff;
		}
	}
	.m-sideNav__menu.dark {
		.m-sideNav__menuLine {
			background-color: black;
		}
	}
	&:hover {
		background: #e6e6e6;
		.m-sideNav__menu {
			.m-sideNav__menuLine {
				border-bottom-color: rgba(0, 0, 0, 0.4);
				background-color: #000;
				border-bottom: 1px solid #000;
			}
		}
	}
}
.index_header {
	.menu_list {
		a {
			&:nth-child(1) {
				.txt {
					color: #ccc !important;
				}
			}
		}
	}
}
.about_header {
	.menu_list {
		a {
			&:nth-child(2) {
				.txt {
					color: #ccc !important;
				}
			}
		}
	}
}
.shenghuohui_header {
	.menu_list {
		a {
			&:nth-child(3) {
				.txt {
					color: #ccc !important;
				}
			}
		}
	}
}
.news_header {
	.menu_list {
		a {
			&:nth-child(4) {
				.txt {
					color: #ccc !important;
				}
			}
		}
	}
}
.contact_header {
	.menu_list {
		a {
			&:nth-child(5) {
				.txt {
					color: #ccc !important;
				}
			}
		}
	}
}
.index_top_menu {
	.item {
		&:nth-child(1) {
			color: #bfbfbf;
		}
	}
}
.about_top_menu {
	.item {
		&:nth-child(2) {
			color: #bfbfbf;
		}
	}
}
.shenghuohui_top_menu {
	.item {
		&:nth-child(3) {
			color: #bfbfbf;
		}
	}
}
.news_top_menu {
	.item {
		&:nth-child(4) {
			color: #bfbfbf;
		}
	}
}
.contact_top_menu {
	.item {
		&:nth-child(5) {
			color: #bfbfbf;
		}
	}
}
.side_box {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: #fff;
	.side_content {
		width: 840px;
		left: 0;
		right: 0;
		margin: 0 auto;
		position: absolute;
		padding-top: 222px;
		padding-top: 50px;
		.head {
			justify-content: space-between;
			height: 50px;
			.title_box {
				flex-shrink: 0;
				.title {
					border-bottom: 1px solid #333;
					span {
						font-size: 20px;
						font-family: Source Han Serif CN;
						color: #333333;
						line-height: 30px;
					}
				}
			}
			.logo {
				.img {
					width: 133px;
					height: 32px;
				}
			}
		}
		.menu_list {
			margin-top: 112px;
			.item {
				flex-shrink: 0;
				.icon {
					line-height: 0;
					margin-right: 18px;
					width: 17px;
					height: 17px;
				}
				.txt {
					white-space: nowrap;
					line-height: 50px;
					font-size: 18px;
					font-family: Source Han Sans CN;
					color: #333333;
				}
			}
			a {
				text-decoration: none;
				&:hover {
					.txt {
						color: #ccc;
					}
				}
			}
			.active {
				.txt {
					color: #ccc !important;
				}
			}
		}
		.lang {
			margin-top: 142px;
			margin-top: 80px;
			.lang_item {
				flex-shrink: 0;
				font-size: 13px;
				font-family: Source Han Sans CN;
				color: #333333;
			}
			.splice {
				padding: 0 10px;
			}
		}
	}
}
@media screen and (max-width: 959px) {
	.side_nav {
		width: 61px;
		.side_logo {
			bottom: 18px;
		}
		.m-sideNav__menu {
			top: 18px;
			right: 18px;
			left: 18px;
			.m-sideNav__menuLine {
				height: 1;
				margin-bottom: 9px;
				border-bottom: 1px solid #fff;
			}
		}
		.m-sideNav__btClose {
			top: 18px;
			left: 18px;
			width: 25px;
			height: 24px;
		}
		&:hover {
			background: none;
		}
	}
	.side_content {
		width: 100vw !important;
		padding-left: 79px;
		padding-right: 18px;
		box-sizing: border-box;
	}
	.side_box {
		.side_content {
			padding-top: 100px;
			.lang {
				margin-top: 50px;
			}
		}
	}
	.menuIsActive {
		.side_nav {
			background: #e6e6e6;
		}
	}
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
	.side_content {
		width: 680px !important;
	}
}
